<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户个人信息填写</title>
    <style>
        /* 简单样式，可按需调整 */
        body {
            font-family: Arial, sans-serif;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
        }
        form {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        label {
            font-weight: bold;
        }
        input[type="text"], textarea {
            width: 100%;
            padding: 5px;
            border: 1px solid #ccc;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
<h1>用户信息填写表单</h1>

<form action="#" method="post">
    <!-- 姓名输入框 -->
    <label for="name">姓名：</label>
    <input type="text" id="name" name="user_name" required placeholder="请输入您的姓名">

    <!-- 电话输入框 -->
    <label for="phone">电话：</label>
    <input type="tel" id="phone" name="user_phone" pattern="[0-9]{11}" required placeholder="请输入您的手机号码">

    <!-- 联系方式输入框 -->
    <label for="contact">联系方式：</label>
    <textarea id="contact" name="user_contact" rows="4" cols="30" required placeholder="请输入您的其他联系方式（如电子邮件、地址等）"></textarea>

    <!-- 提交按钮 -->
    <button type="submit">提交信息</button>
</form>
</body>
</html>
